<template>
  <div>
    <!-- //搜索框 -->
    <el-form :inline="true" :model="formInline" class="demo-form-inline" style="margin-bottom:30px">
      <div style="float:left" id="bigbox">
        <el-form-item label="标题" style="float:left">
          <el-input v-model="formInline.head" placeholder="请输入"></el-input>
        </el-form-item>
        <el-form-item label="创建人" style="float:left">
          <el-input v-model="formInline.user" placeholder="请输入"></el-input>
        </el-form-item>
        <el-form-item label="创建时间" style="float:left">
          <el-col :span="20">
            <el-date-picker
              type="date"
              placeholder="请选择"
              v-model="formInline.date1"
              style="width: 100%;"
            ></el-date-picker>
          </el-col>
        </el-form-item>
      </div>

      <el-form-item style="float:left">
        <el-button type="primary" @click="onSubmit">查询</el-button>
        <el-button>重置</el-button>
      </el-form-item>
      <el-form-item style="float:left,display:block">
        <el-button type="primary" @click="onSubmit">新增</el-button>
        <el-button>分类管理</el-button>
      </el-form-item>
    </el-form>

    <!-- 表单 -->

    <!-- 分页 -->
    <el-pagination background layout="prev, pager, next" :total="15" style="margin-top:30px"></el-pagination>
  </div>
</template>

<script>
export default {
  data() {
    return {
      formInline: {
        head: "",
        user: "",
        date1: ""
      }
    };
  },
  methods: {
    handleClick(row) {
      console.log(row);
    },
    onSubmit() {
      console.log("submit!");
    }
  },
  created() {},
  mounted() {},
  computed: {}
};
</script>

<style scoped lang="less">
</style>